<template>
	<view class="all" :style="{'padding-top':topHeight+'px'}">
		<view class="" v-if="JSON.stringify(confirm) !== '{}'">
			<approverMsg :value="confirm" :order = "order"></approverMsg>
		</view>
		<navigator class="left_box" v-if='order.id' :url="'/pages/order/detail/detail?order_id='+order.id">
			<text>查看定单详情</text>
		</navigator>
		<!-- 导航栏 -->
		<navigation title="返佣订单" @topHeight="topHeightFn"></navigation>
		<view class="customer">
			<view class="title">合同信息</view>
			<view class="customer_info">
				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>定单类型</text>
					</view> 
					<picker @change="chooseOrderType" :disabled="isEdit" :range="newsTypeList">
						<view class="choose" style="margin-top: 25upx;">
							<text :class="orderIndex!==''?'active':''">{{orderIndex===''?'请选择':newsTypeList[orderIndex]}}</text>
							<image v-if="orderIndex===''" src="@/static/images/right.png"></image>
						</view>
					</picker>
					<!-- <icon v-if="orderIndex!==''" type="clear" size="22upx" style="position: absolute;right: 20upx;margin-top: 5upx;"
					 ></icon> -->
					 <!-- deleteChoose -->
				</view>
				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>定单归属公司</text>
					</view>
					<picker @change="chooseCompany" :disabled="isEdit" range-key="title" :range="companyList">
						<view class="choose" style="margin-top: 25upx;" v-if="companyList.length>1">
							<text :class="companyIndex!==''?'active':''">{{companyIndex===''?'请选择':companyList[companyIndex].title}}</text>
							<image v-if="companyIndex===''" src="@/static/images/right.png"></image>
						</view>
					</picker>
					<icon v-if="companyIndex!==''" type="clear" size="22upx" style="position: absolute;right: 20upx;margin-top: 5upx;"
					 @click="deleteCompany"></icon>
				</view>
				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>合作模式</text>
					</view>
					<picker @change="choosePattern" :disabled="true" :range="cooperationModeList">
						<view class="choose" style="margin-top: 25upx;">
							<text :class="patternIndex!==''?'active':''">{{patternIndex===""?'请选择':cooperationModeList[patternIndex]}}</text>
							<image v-if="patternIndex===''" src="../../../static/images/right.png" mode=""></image>
						</view>
					</picker>
					<!-- <icon v-if="patternIndex!==''"  type="clear" size="22upx" style="position: absolute;right: 20upx;margin-top: 5upx;"></icon> -->
				</view>
				
				<view class="box" style="position: relative;">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>酒店名称</text>
					</view>
					<view class="choose">
						<text style="color: #999999;" @click="jumpSearchHotel()" v-if="!order.hotel_text">请搜索</text>
						<text v-if="order.hotel_text"  style="margin-right: 20upx;color: #333333;">{{order.hotel_text}}</text>
						<icon v-if="order.hotel_text" class="icon"  type="clear" size="22upx"  @click="deleteHotel"></icon>
						<!-- <input :disabled="isEdit" type="text" @input="hotelinputFn" placeholder="请搜索酒店名称(以搜索为准)" placeholder-style="font-size:25upx" v-model="order.hotel_text" />
						<selectBox :value='selectBox' @clickHolet="clickHolet"></selectBox>						 -->
					</view>
				</view>
				<view class="box" v-if="order.hall && order.hall.length > 0">
					<text>宴会厅</text>
					<view class="hs-list-item-right"><van-tag class="van-tag" type="success" v-for="item in order.hall" :key="item.id" >{{item.title}}</van-tag></view>
				</view>
				<view class="box" v-if="order.banquet_type && order.banquet_type.length > 0">
					<text>宴会类型</text>
					<view>{{dictionary.convertBanquetTypeToStr(order.banquet_type)}}</view>
				</view>
				
				<template v-if="order.news_type==8 || order.news_type==7 ">
									<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>联系姓名</text>
					</view>
					<input type="text" :disabled="isEdit" v-model="order.bridegroom" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>联系电话</text>
					</view>
					<input type="number" :disabled="isEdit" v-model="order.bridegroom_mobile" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				</template>
				<template v-else>
									<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>新郎姓名</text>
					</view>
					<input type="text" :disabled="isEdit" v-model="order.bridegroom" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>新郎电话</text>
					</view>
					<input type="number" :disabled="isEdit" v-model="order.bridegroom_mobile" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>新娘姓名</text>
					</view>
					<input type="text" :disabled="isEdit" v-model="order.bride" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>新娘电话</text>
					</view>
					<input type="number" :disabled="isEdit" v-model="order.bride_mobile" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				</template>


				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>签约时间</text>
					</view>
					<view class="choose">
						<timeSelector showType="yearToMinute" @btnConfirm="sign_dateConfirm">
							<input style="margin-right: 50upx;" :disabled="isEdit" type="text" v-model="order.sign_date" disabled placeholder="请选择"
							 placeholder-style="color:#999999;" />
							<image v-if="order.sign_date===''" style="position: absolute; right: 20upx;top: 50%;transform: translateY(-50%); " src="../../../static/images/right.png"
							 mode=""></image>
						</timeSelector>
					</view>					
					<icon v-if="order.sign_date!==''" type="clear" size="22upx" style="position: absolute;right: 20upx;margin-top: 5upx;"
					 @click="order.sign_date=''"></icon>
				</view>
				<view class="box" style="display: flex;align-items: center;justify-content: space-between;">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>举办时间</text>
					</view>
					<view class="choose" style="">
						<timeSelector showType="yearToMinute" @btnConfirm="event_dateConfirm">
							<input :disabled="isEdit" style="margin-right: 50upx;" type="text" v-model="order.event_date" disabled placeholder="请选择"
							 placeholder-style="color:#999999;" />
							<image v-if="order.event_date===''" style="position: absolute; right: 20upx;top: 50%;transform: translateY(-50%); " src="../../../static/images/right.png"
							 mode=""></image>
						</timeSelector>
						<icon v-if="order.event_date!==''" type="clear" size="22upx" style="position: absolute;right: 20upx;top: 0; "
						 @click="order.event_date=''"></icon>
					</view>
					
				</view>
				<view class="box">
					<text>身份证号</text>
					<input type="text" :disabled="isEdit" v-model="order.idcard" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<text>家庭住址</text>
					<input type="text" :disabled="isEdit" v-model="order.home_address" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
			</view>
		</view>
		<!-- 合同信息结束 -->

		<!-- 客人信息 -->
		<view class="customer">
			<view class="title">客人信息</view>
			<view class="customer_info">
				<view class="box">
					<text>客户姓名</text>
					<input type="text" :disabled="isEdit" v-model="order.realname" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<text type='number'>客户手机号</text>
					<text class="t2">{{order.mobile}}</text>
				</view>
				<view class="box">
					<text>客户渠道</text>
					<text class="t2">{{order.source_text}}</text>
				</view>
				<view class="box">
					<text>引流销售</text>
					<input type="text" :disabled="isEdit" v-model="order.recommend_salesman" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<text>积点</text>
					<input type="text" :disabled="isEdit" v-model="order.point" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<!-- <view class="remark">
					<text>备注</text>
					<textarea type="text" v-model="order.remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
				</view> -->
			</view>
		</view>
		<!-- 客人信息结束 -->
		<!-- 结算信息 -->
		<view class="customer">
			<view class="title">结算信息</view>
			<view class="customer_info">
				<view v-if="!include(order.news_type,[1,8,10,9,6,4])" v-model="order.news_type">
				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>桌数</text>
					</view>
					<input type="text" :disabled="isEdit" @input="orderPrice" v-model="order.table_amount" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text type="digit">餐标</text>
					</view>
				<input type="digit" :disabled="isEdit" @input="orderPrice" v-model="order.table_price"  placeholder="请输入" placeholder-style="color:#999999;" />
				</view>					
				</view>

				<view class="box">					
					<view class="">
						<text style="color: red;">*</text>								
					    <text>订单金额</text>
					</view>
					<!-- @input="getTotals" -->
					<input  type="text" disabled v-model="order.totals" placeholder="请输入" placeholder-style="color:#999999;" />					
				</view>
			<!-- 	<view class="box">
					<text>税额度</text>
					<input @input="getTax"  type="digit" :disabled="isEdit" v-model="order.tax" placeholder="请输入酒店扣除税额度" placeholder-style="color:#999999;" />
				    <text style="width: auto;">%</text>
				</view> -->
				<view class="box">					
					<text>结算总价</text>
					<!-- @input="getsettleTotals" -->
					<input  type="text" :disabled="isEdit" v-model="order.settle_totals" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="box">
					<text>结算比例</text>
					<!-- @input="getPercent" -->
					<input  type="digit"  :disabled="isEdit" v-model="order.settle_percent" placeholder="请输入酒店返佣的比例" placeholder-style="color:#999999;" />
				    <text style="width: auto;">%</text>
				</view>
				<view class="box">
					<view class="">
						<text style="color: red;">*</text>								
					   <text>结算时间</text>
					</view>
					<view class="choose">
						<timeSelector showType="yearToMinute" @btnConfirm="StockDaterFn">
							<input type="text" disabled v-model="order.settle_time" placeholder="请选择" placeholder-style="color:#999999;" />
						</timeSelector>											
					</view>
				</view>
				<view class="box">
					<text><text style="color: red;">*</text>实际应收结算金</text>
					<input type="text" :disabled="isEdit" v-model="order.settle_real_total" placeholder="请输入" placeholder-style="color:#999999;" />
				</view>
				<view class="remark">
					<text>备注</text>
					<textarea type="text" :disabled="isEdit" v-model="order.remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
					</view>
			</view>
		</view>
		<!-- 客人信息结束 -->
		
		
		<!-- 添加收款信息 -->		
		<view class="alldetail">
			<view class="hotelService"  v-if="income_isShow">
					<view class="title">
						<text class="name">添加收款信息</text>
						<text class="delete" @click="deletePro(index)">删除</text>
					</view>
					<view class="content">
						<view class="box">
							<text>收据编号</text> 
							<input type="text" v-model="income.receivable_no"  placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<!-- wedding_income_date -->
						<view class="box">
							<text>收款日期</text>
							 <timeSelector showType="yearToMinute" @btnConfirm="getMoneyDate"  >
								 <view class="choose" v-if="getMoney==''" style="margin-top: 25upx;">
										<text>请选择</text>
										<image src="../../../static/images/right.png" mode=""></image>
								 </view>
								<view v-else class="choose" style="margin-right: 50upx;">{{getMoney}}</view>
							 </timeSelector>	
							 
							<icon v-if="getMoney!=''" type="clear" size="22upx" style="position: absolute;right: 40upx;margin-top: 5upx;" @click="deletegetMoney"></icon>
						</view>
						<!-- income_payment -->
						<view class="box">
							<text>收款方式</text>
							<picker @change="chooseMoneyType"   range-key="title" :range="payments">
								<view class="choose" style="margin-top: 25upx;">
									 <text :class="moneyTypeIndex!==''?'active':''">{{moneyTypeIndex===''?'请选择':income.income_payment_text}}</text>
									 <image v-if="moneyTypeIndex===''" src="../../../static/images/right.png" mode=""></image>
								</view>
							</picker>
							<icon v-if="moneyTypeIndex!==''" type="clear" size="22upx" style="position: absolute;right: 40upx;margin-top: 5upx;" @click="deleteMoneyType"></icon>
						</view>
						<!-- income_type -->
						<view class="box">
							<text>款项性质</text>
							<text style="position: absolute;right: 40upx;">  定金</text>
							<!-- <icon v-if='natureIndex!=0' type="clear" size="22upx" style="position: absolute;right: 40upx;margin-top: 5upx;" @click="deleteNature"></icon> -->
						</view>
						<view class="box">
							<text>收款金额</text>
							<input type="digit" v-model="income.income_item_price"  placeholder="请输入" placeholder-style="color:#999999;" />
						</view>
						<view class="remark">
							<text>备注</text>
							<textarea type="text" v-model="income.income_remark" placeholder="请输入备注" placeholder-style="color:#999999;" />
						</view>
					</view>											
					<!-- 收据照片 -->
					<view class="line"></view>
					<view class="photo">
						<text>收据照片</text>
						<view class="" style="display: flex;justify-content: left;">
							<view class="addPic"  v-for="(item,index) in income.receipt_img" :key="index">
								<image :src="item" mode="widthFix" ></image>
								<uni-icons @click="deleteImageArray(index,'receipt_imgArray','income')" type="minus-filled" size="10" color="red" style="position: absolute;right:-30upx;top: 0;"></uni-icons>
							</view>
							<view class="addPic" @click="chooseImage('receipt_imgArray','income')">
								<image src="@/static/add.png" mode="" ></image>					
							</view>
						</view>
						
					</view>
					<!-- 收据照片结束 -->
					
					<!-- 小票或收款截图照片 -->
					<view class="line"></view>
					<view class="photo">
						<text>小票或收款截图照片</text>
						<view class="" style="display: flex;justify-content: left;">
							<view class="addPic"  v-for="(item,index) in income.note_imgArray" :key="index">
								<image :src="item" mode="widthFix" ></image>
								<uni-icons @click="deleteImageArray(index,'note_imgArray','income')" type="minus-filled" size="10" color="red" style="position: absolute;right:-30upx;top: 0;"></uni-icons>
							</view>
							<view class="addPic" @click="chooseImage('note_imgArray','income')">
								<image src="@/static/add.png" mode="" ></image>					
							</view>
						</view>
					</view>
					<!-- 小票或收款截图照片结束 -->
				</view>							
		</view>
		
		
		
		<!-- 合同照片 -->
		<view class="line"></view>
		<view class="photo">
			<text>合同照片</text>
			<view class="img_list" style="display: flex;justify-content: left;flex-wrap: wrap;">
				<view class="addPic" @click="lookImg({list:order.image,index:index})"  v-for="(item,index) in order.image" :key="index">
					<image :src="item" mode="widthFix" ></image>
				    <uni-icons v-if="isEdit?false:true" @click="deleteImageArray(index,'image','order')" type="minus-filled" size="10" color="red" style="position: absolute;right:-30upx;top: 0;"></uni-icons>
				</view>
				<view class="addPic" v-if="isEdit?false:true" @click="chooseImage('image','order')">
					<image src="@/static/add.png" mode="" ></image>					
				</view>
			</view>			
		</view>
		<!--合同照片结束  -->
		
		<!-- 收据照片 -->
		<view class="">
			<view class="line"></view>
			<view class="photo">
				<text>收据照片</text>
				<view class="img_list" style="display: flex;justify-content: left;flex-wrap: wrap;">
					<view class="addPic"  @click="lookImg({list:order.receipt_img,index:index})" v-for="(item,index) in order.receipt_img" :key="index">
						<image :src="item" mode="widthFix" ></image>
						<uni-icons v-if="isEdit?false:true" @click="deleteImageArray(index,'receipt_img','order')" type="minus-filled" size="10" color="red" style="position: absolute;right:-30upx;top: 0;"></uni-icons>
					</view>
					<view class="addPic" v-if="isEdit?false:true" @click="chooseImage('receipt_img','order')">
						<image src="@/static/add.png" mode="" ></image>					
					</view>
				</view>			
			</view>			
		</view>
		<!-- 收据照片结束 -->
		
		<!-- 小票或收款截图照片 -->
		<view class="line"></view>
		<view class="photo">
			<text>小票或收款截图照片</text>
			<view class="img_list" style="display: flex;justify-content: left;">
				<view class="addPic"  @click="lookImg({list:order.note_img,index:index})"  v-for="(item,index) in order.note_img" :key="index">
					<image :src="item" mode="widthFix" ></image>
					<uni-icons v-if="isEdit?false:true" @click="deleteImageArray(index,'note_img','order')" type="minus-filled" size="10" color="red" style="position: absolute;right:-30upx;top: 0;"></uni-icons>
				</view>
				<view class="addPic" v-if="isEdit?false:true" @click="chooseImage('note_img','order')">
					<image src="@/static/add.png" mode="" ></image>					
				</view>
		    </view>
		</view>
		<!-- 小票或收款截图照片结束 -->
		<!-- 小票或收款截图照片结束 -->
		<!-- 新版审批流程————创建  -->
		<template v-if="sequenceData.length > 0">
			<steps-create :stepList="sequenceData"></steps-create>
		</template>
		<!-- 老版审核流程 -->
		<template v-if="confirmList.length > 0">
			<auditProcess :value="confirmList" :btnValue="buttons" :isShowBtn="options.api?false:true" :transferForm="transferForm" @clearTransferForm="clearTransferForm" @resubmit='resubmits'></auditProcess>
		</template>
		<!-- 新版审核流程————查看 -->
		<template v-if="confirmSteps.length > 0">
			<steps-look :stepList="confirmSteps"></steps-look>
			<footer-action-btn :btnValue="buttons" :transferForm="transferForm" @clearTransferForm="clearTransferForm" :isShowBtn="options.api?false:true" @resubmit='resubmits' @transferSubmit="transferSubmit" @submitAgain="submitAgain"></footer-action-btn>
		</template>
		<view class="addIcome" v-if="options.type">
			<button type="default" @click="saveFn()">申请成单</button>
		</view>		
	</view>
</template>

<script>

	import approverMsg from "@/component/approverMsg.vue";//审核流程
	import auditProcess from '@/component/auditProcess.vue';
	import timeSelector from '@/component/wing-time-selector/wing-time-selector.vue';
	import selectBox from "@/component/selectBox.vue";
	import navigation from "@/component/navigation.vue";
	
	import stepsLook from '@/component/steps-look/steps-look.vue' // 新版审核流程
	import footerActionBtn from '@/component/footer-action-btn/footer-action-btn.vue' // 底部操作按钮组
	import stepsCreate from '@/component/steps-create/steps-create.vue'
	import request from '@/utils/request.js';
	
	import sun from '@/utils/sun.js';
	import dictionary from '@/utils/dictionary.js';
	import {
    include
} from '@/utils/common.js';
	export default {
		components:{
			navigation,
			selectBox,
			timeSelector,
			auditProcess,
			approverMsg,
			stepsCreate,
			stepsLook,
			footerActionBtn
		},
		data() {
			return {
				confirm_id:0,
				order_id: 0,
				
				isEdit:false,
				order:{	
					score:"",//积分
					home_address:'',//家庭住址
					idcard:'',//身份证号
					bride_mobile:"",//新娘电话
					bride:'',//新娘姓名
					bridegroom_mobile:'',//新郎电话
					bridegroom:'',//新郎姓名
					banquet_hall_name:'',//宴会厅
					searchHotel:'',//酒店名称
					contract_no:'',//合同编号
					hotel_text:'',
					hotel_id:'',
					cooperation_mode:1,//合作模式
					totals:0,//合同金额
					tail_money_date:'',//尾款时间
					tail_money:'',//定金尾金额
					middle_money:'',//中款收款金额
					middle_money_date:'',//中款收款日期
					earnest_money:'',//定金收款金额
					earnest_money_date:'',//定金收款日期
					sign_date:'',//签约时间
					event_date:'',//举办时间
					realname:'',//备注
					imageArray:[],//合同图片
					receipt_imgArray:[],//收据图片
					note_imgArray:[],//小票
					settle_real_total:'',//实际结算金额
					settle_time:'',//结算时间
					settle_percent:'',//结算比列
					settle_totals:'',//结算总价
					tax:'',//税额
					table_price:'',//餐标
					table_amount:'',//桌数
					mobile:'',
					realname:'',
					source_id:'',
					source_text:'',
					newsType:'',
					news_type:'',
				},
				income_isShow:false,//是否显示收款
				income: {
					receivable_no:"",//收据编号
					income_item_price:'',//收款金额
					income_date:'',//收款日期
					income_payment:'',//收款方式
					income_remark:'',//备注						
					receipt_imgArray:[],//收据图片
					note_imgArray:[],//小票
				},// 收款
				moneyTypeIndex:'', //收款方式
				getMoney:'',//收款日期
				companyIndex:'',
				patternIndex:0,
				//条件
				newsTypeList:[],//订单类型
				orderIndex:0,//订单类型默认选则位置
				carList:[],
				companyList:[],						 
				cooperationModeList:[],					
				d3List:[],						
				dessertList:[],						 
				ledList:[],						
				lightList:[],						
				member:{
					
				},						 
				moduleList:[],						 					
				payments:[],						
				sugarList:[],						
				wineList:[],
				packageList:[],
				ritualList:[],//选择仪式
				///
				selectBox:'',//酒店名称搜索
				
				confirmList:[],
				confirm:{},//审批信息
				options:'',
				buttons:[],
				hotelFrom:'',
				hotelID:'',
				pid:'',//转单必填
				member_id:0,
				topHeight:'',
				
				transferForm: {
					realname: '',
					user_id: ''
				},
				sequenceData:[],  // 新版审核
				confirmSteps: [], // 新版审核
			};
		},
		beforeMount() {
			this.dictionary = dictionary;
			   this.include = include
		},
		onLoad(options) {
			// 添加 从订单详情页添加子项目 包含order_id
			if (options.params) {
				this.pid=options.pid?options.pid:''
				this.options = JSON.parse(options.params);
				this.order_id = this.options.id;
				if(options.member_id){
				  this.options.id=options.member_id?options.member_id:''		
					this.member_id=this.options.member_id	
				}			   
				let promise =new Promise((resolve,reject)=>{
					this.getFilter(this.options)//获取picker	
					resolve()
				}).then(()=>{
				  setTimeout(()=>{
						this.paddingMag(this.options)				  
				  },0)			      
				})
			}
			
			// 审核查看 lookApproval是个对象，包含的id是审核的编号，order_id要从审核详情中获取
			if (options.lookApproval) {
				this.options = JSON.parse(options.lookApproval)
				this.isEdit = true;
				//查看信息
				this.getDetail(this.options)
				this.confirm_id =this.options.id;
				// 审核流程--查看
				this.getConfirmList()
			}
			
			// 查看 从查看订单审核中进入只有id，这个id是审核的编号，order_id要从审核详情中获取
			if (options.id) {
				this.options = options;
				this.isEdit = true;
				//查看信息
				this.getDetail(this.options)
				this.confirm_id = this.options.id;
				// 审核流程--查看
				this.getConfirmList()
			}
		},
		onShow(e) {
			 // #ifdef H5

			 // #endif
			 
			 // #ifdef APP-PLUS
			 uni.$on("globleEvent",(rel)=>{
				this.order.hotel_text= rel.hotelFrom
				this.order.hotel_id=rel.hotelID;
		     })
		
			  
			 // #endif
		},
		methods:{
			topHeightFn(e){
				this.topHeight=e
			},
			//转单时填充信息
			paddingMag(e){
				
				//所属公司				
				this.companyList.map((item,index)=>{				
					if(item.title==e.company_id){						
				      this.companyIndex=index	
					  this.order.company_id = item.id;
					  this.order.company_title = item.title;
					}
				})			
				//意向酒店			
				this.order.hotel_id =  e.hotel_id;
				this.order.hotel_text =  e.hotel_text;	   
				this.selectBox = ''
				//宴会厅
				this.order.banquet_hall_name=e.banquet_hall_name				
				this.order.bride_mobile=e.real_bride_mobile//新娘电话				
				this.order.bride=e.bride//新娘姓名
				this.order.bridegroom_mobile=e.real_bridegroom_mobile//新郎电话
				this.order.bridegroom=e.bridegroom//新郎姓名
				this.order.remark=e.remark				
				this.order.sign_date=e.sign_date
				this.order.event_date=e.event_date
				this.$forceUpdate()
			},
			//跳转酒店
			jumpSearchHotel(){
				let origin='order';
				uni.navigateTo({
					url:'../../searchHotel/searchHotel?origin='+origin
				})
			},
			
			// 提交转交
			transferSubmit(){
				let that=this;
				sun.request({
					url: '/api/order.audit/transfer',
					showLoading: true,
					token:true,
					data:{
						id: that.confirm_id,
						user_id: that.transferForm.user_id
					},
					success(res) {
					  if(res.code==200){													
							uni.showToast({
								icon:"none",
								title:res.msg
							})		
							uni.navigateBack({})
					  }else{
							 uni.showToast({
								icon:"none",
								title:res.msg
							 })	
					  }
					}
				})
			},
			// 点击取消时清除转交人员信息
			clearTransferForm(){
				this.transferForm = {
					realname: '',
					user_id: ''
				}
			},
			
			//查看详情审核流程
			getConfirmList (){
			   let that=this
			   request.request({
					url: "/api/order.audit/getAuditResult",
					showLoading: true,
					token:true,
					data: {id: that.confirm_id},
					success(res) {
						that.confirmSteps = res.data.process
					 }
				})
			},
			//创建订单时的审核流程
			getConfirmSequence (e){
			   let that=this
			   request.request({
					url: "/api/order.audit/getAuditProcess",
					showLoading: true,
					token:true,
					data: Object.assign({order: that.order}, {audit_type: 'order'}),
					success(res) {
						if(res.code == 200){
							that.sequenceData = res.data.process
						}else{
							uni.showToast({
								icon: 'none',
								title: res.msg
							})
						}
					 }
				})
			},
			
			//获取查看信息
			getDetail(e){
			  let that=this										
			  sun.request({
				url: '/h5/order.confirm/detail',
				showLoading: true,
				token:true,
				data:{
					id:e.id,
					type:e.user?'confirm_user':'',
				},
				success(res) {				
					if(res.code==200){	
					   let data=res.data
					   that.banquet=res.data.detail.banquet
					   that.banquetIncome=res.data.detail.banquetIncome
					   that.car=res.data.detail.car
					   that.d3=res.data.detail.d3
					   that.dessert=res.data.detail.dessert
					   that.hotelItem=res.data.detail.hotelItem
					   that.led=res.data.detail.led
					   that.light=res.data.detail.light
					   that.order=res.data.detail.order
					   
					   
					   that.sugar=res.data.detail.sugar
					   that.wedding=res.data.detail.wedding
					   that.wine=res.data.detail.wine
					   that.income=res.data.detail.income;	
					   that.confirm=res.data.confirm?res.data.confirm:'';//代表的是当前审核的信息
					  
					  
					   that.confirmList=res.data.confirmList;
					   // that.confirm=res.data.confirm;//代表的是当前审核的信息
					   that.buttons=res.data.buttons;
					   //判断是否可以编辑
					   that.buttons.map((item,index)=>{
							  if(item.id=='update'){
							  	  that.isEdit = false;
							  }
					   })
					   //订单类型
					   that.newsTypeList=res.data.newsTypeList?res.data.newsTypeList:''
					   console.log(that.order.news_type)
					   let newsType = that.order.news_type
					   that.newsTypeList.map((item,index)=>{
						   if(index==newsType){	
							   that.order.newsType = index;
							   that.orderIndex = index;	
										   							  
						   }
					   })
					   
					   //所属公司 
					   that.companyList=res.data.companyList?res.data.companyList:''
					   that.companyList.map((item,index)=>{						   
						   if(item.id==that.order.company_id){
							   that.order.company_id=item.id;
							   that.companyIndex=index
							   that.order.company_title=item.title;
							   // that.getConfirmSequence({id:that.companyList[that.companyIndex].id})
						   }
					   })
					   //合作模式
					   that.cooperationModeList=data.cooperationModeList?data.cooperationModeList:'';					   
					   that.cooperationModeList.map((item,index)=>{						   
						    if(index+1 === that.order.cooperation_mode){								
							    that.patternIndex = index;	
						    }
					   })
					   //婚宴 				   
					  //  if(that.banquet){
						 //   //婚宴 所属公司
						 //  that.companyList.map((item,index)=>{
							//    if(item.id==that.banquet.company_id){
							// 	   that.banquet.company_id=item.id;
							// 	   that.Banquet_companyIndex=index;
							// 	   that.banquet.company_title=item.title;
							// 	   // that.getConfirmSequence({id:that.companyList[that.companyIndex].id})
							//    }
						 //  })
						 // //婚宴仪式
						 // that.ritualList=data.ritualList?data.ritualList:'';
						 // that.ritualList.map((item,index)=>{
							//    if(item.id==that.banquet.banquet_ritual_id){
							// 	   that.banquet.banquet_ritual_id=item.id;
							// 	   that.riteIndex=index;
							// 	   that.banquet.banquet_ritual_text=item.title;
							// 	   // that.getConfirmSequence({id:that.companyList[that.companyIndex].id})
							//    }
						 // })
					  //  }					   					   
					   //婚庆 所属公司
					   // if(that.wedding){
						  //  that.companyList.map((item,index)=>{
							 //   if(item.id==that.wedding.company_id){
								//    that.wedding.company_id=item.id;
								//    that.wedding_companyIndex=index;
								//    that.wedding.company_title=item.title;
								//    // that.getConfirmSequence({id:that.companyList[that.companyIndex].id})
							 //   }
						  //  })
						  //  //婚庆仪式
						  //  that.ritualList.map((item,index)=>{
							 //   if(item.id==that.wedding.wedding_ritual_id){
								//    that.wedding.wedding_ritual_id=item.id;
								//    that.ceremonyIndex=index;
								//    that.wedding.wedding_ritual_text=item.title;
								//    // that.getConfirmSequence({id:that.companyList[that.companyIndex].id})
							 //   }
						  //  })
					   // }					   
					   //收款方式
					   // that.payments=res.data.incomePaymentList?res.data.incomePaymentList:''
					   // if(that.payments){
						  //  that.payments.map((item,index)=>{						   
								//    if(item.id==that.income.income_payment){
								// 	   that.moneyTypeIndex=index;
								// 	   that.income.income_payment_text=item.title
								//    }
						  //  })						   
					   // }
					    
						
					   			  
					}
				},
				fail(e) {
					uni.showToast({
						icon: "none",
						title: "服务器开小差去啦~",
					})
				}
			  })						 
			},
			//获取赛选条件
			getFilter (e){
			   let that=this
			   sun.request({
					url: "/h5/order.order/createOrder",
					showLoading: true,
					token:true,
					data:{	
						member_id:e.member_id,
						id:e.id
					},
					success(res) {
					  if(res.code==200){
						 that.newsTypeList = res.data.newsTypeList;
						 that.carList=res.data.carList;						
						 that.companyList=res.data.companyList;//订单所属公司												 
						 that.cooperationModeList=res.data.cooperationModeList;											
						 that.d3List=res.data.d3List;						
						 that.dessertList=res.data.dessertList;						 
						 that.ledList=res.data.ledList;						
						 that.lightList=res.data.lightList;						
						 that.order={...that.order,...res.data.member};
						 delete that.order.id //
						 that.moduleList=res.data.moduleList;						 						 			
						 that.payments=res.data.payments;
						 that.sugarList=res.data.sugarList;						
						 that.wineList=res.data.wineList;	
						 that.packageList =res.data.packageList;
						 that.ritualList= res.data.ritualList;
											 
					  }else{
						  uni.showToast({
							icon:"none",
							title:res.msg
						  })
					  }
					}
			   })
			},
			//酒店名称输入
			// hotelinputFn(e){				
			// 	this.selectBox = e.detail.value
			// },
			// clickHolet(e){				
			//     this.order.hotel_text = e.title;
			// 	this.order.hotel_id = e.id;
			// 	this.selectBox = ''
			// },
			//删除酒店
			deleteHotel(){
				this.order.hotel_text ='';
				this.order.hotel_id = '';
			},
			//选择订单类型
			chooseOrderType(e){
				this.orderIndex=e.target.value;				
				this.order.newsType = this.orderIndex;
				this.order.newsType_text = this.newsTypeList[this.orderIndex];
			},
			//删除订单类型
			deleteChoose(){
				if(this.isEdit){
					return
				}
				this.orderIndex=''; //订单
			},
			//选择合作模式
			choosePattern(e){
					 this.patternIndex=e.target.value;
					 this.order.cooperation_mode = this.patternIndex
				},
			//删除所属模式
			deletePattern(){
				this.patternIndex=''; //合作模式
			},
			//签约时间
			sign_dateConfirm(e){
				if(this.isEdit){
					return
				}
				this.order.sign_date=e.ymd
			},
			//举办时间
			event_dateConfirm(e){		
				if(this.isEdit){
					return
				}
				this.order.event_date=e.ymd;
				
			},
			//收款日期
			getMoneyDate(e){
				this.getMoney = e.ymd;
				this.income.income_date=e.ymd;
				},
				//删除收款日期
			deletegetMoney(){
				this.getMoney='';
				this.income.income_date='';
			},
			//选择收款方式
			chooseMoneyType(e){
				this.moneyTypeIndex=e.target.value;
				this.income.income_payment = this.payments[this.moneyTypeIndex].id
				 this.income.income_payment_text =  this.payments[this.moneyTypeIndex].title
			},
			//删除收款方式
			deleteMoneyType(){
				this.moneyTypeIndex='';
			},
			// //获取订单金额
			// getTotals(e){
			// 	this.order.totals=e.detail.value;
			// 	var point;
			// 	// console.log(e);
			// 	if(this.order.tax&&this.order.totals){
			// 		point=(this.order.totals-this.order.tax/100*this.order.totals)/this.order.totals;
			// 		this.order.settle_totals=this.order.totals-this.order.tax/100*this.order.totals;
			// 	}
			// },
			// //获取税额度
			// getTax(e){
			// 	this.order.tax=e.detail.value;
			// 	var point;
			// 	if(this.order.tax&&this.order.totals){
			// 		point=(this.order.totals-this.order.tax/100*this.order.totals)/this.order.totals;
			// 		this.order.settle_totals=this.order.totals-this.order.tax/100*this.order.totals;
			// 	}
				
				
			// },
			
			// 订单金额
			orderPrice(){
				this.order.totals = (parseFloat(this.order.table_amount) * parseFloat(this.order.table_price)).toFixed(2)
			},
			
			//获取结算总价
			getsettleTotals(e){
				this.order.settle_totals=e.detail.value;
				if(this.order.settle_totals&&this.order.settle_percent){
					this.order.settle_real_total=this.order.settle_totals/100*this.order.settle_percent;
				}
				},
			//获取结算比例
			getPercent(e){
				this.order.settle_percent=e.detail.value;
				if(this.order.settle_totals&&this.order.settle_percent){
					this.order.settle_real_total=this.order.settle_totals/100*this.order.settle_percent;
				}
				
			},
			//查看图片
			lookImg(e){
				let _this=this
				 uni.previewImage({
					current:e.index,
					urls:e.list,
					longPressActions: {						
						success: function(data) {
							
						},
						fail: function(err) {
							
						}
					}
				});
			},
			//选择图片
			 chooseImage(e,type) {	
				 if(this.isEdit){
					 return
				 }
				 let _this =this;
				 uni.chooseImage({
				     count: 1, //默认9
				     sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有				     
				     success: function (res) {						 				 							
				        _this.upImg(res.tempFiles,e,type)
				     }
				 });
				
			},
			//上传图片
			upImg(data,e,type){				
				let _this = this;
				uni.showLoading({title:'上传中',mask:true});
				var i = data.i ? data.i : 0;//当前上传的哪张图片
				var success = data.success ? data.success : 0;//上传成功的个数
				var fail = data.fail ? data.fail : 0;//上传失败的个数
				uni.uploadFile({
					url:sun.http+"/h5/order.upload/doupload",													
					filePath:data[i].path,
					header:{						
					},
					name:'file',
					formData:{	
						token:uni.getStorageSync("token")?uni.getStorageSync("token"):''
					},
					success: (res) =>{
						if (JSON.parse(res.data).msg == "上传成功"){							
							success++;//图片上传成功，图片上传成功的变量+1
							uni.hideLoading()
						}						
						if(type == 'order'){
							if(e=='imageArray'){
							   _this.order.imageArray.push(JSON.parse(res.data).data.url)							
							}
							if(e == "receipt_imgArray"){
								_this.order.receipt_imgArray.push(JSON.parse(res.data).data.url)							
							}
								
							if(e == "note_imgArray"){
								_this.order.note_imgArray.push(JSON.parse(res.data).data.url)							
							}
						} 
						if(type == 'income'){
							if(e=='imageArray'){
							   _this.income.imageArray.push(JSON.parse(res.data).data.url)							
							}
							if(e == "receipt_imgArray"){
								_this.income.receipt_imgArray.push(JSON.parse(res.data).data.url)							
							}
								
							if(e == "note_imgArray"){
								_this.income.note_imgArray.push(JSON.parse(res.data).data.url)							
							}
							
						} 	
						if(type=='hotelProtocol'){
							if(e == "image"){
								_this.hotelProtocol.image.push(JSON.parse(res.data).data.url)							
							}
						}	
					},
					fail:()=>{
						 fail++;//图片上传失败，图片上传失败的变量+1
						 // console.log('fail:' + i + "fail:" + fail);
					},
					complete: () => {
						i++;//这个图片执行完上传后，开始上传下一张
						if (i == data.length) {   //当图片传完时，停止调用          
							uni.showToast({
								icon:'none',
								title: '成功：' + success + " 失败：" + fail,
							})
						} else {//若图片还没有传完，则继续调用函数
							data.i = i;
							data.success = success;
							data.fail = fail;
							_this.upImg(data,e,type);
						}
					
					}	
				})
			},
			//删除图片
			deleteImageArray(index,e,type){
				if(this.isEdit){
					return
				}
				//合同
				if(type == "order"){
					if(e=='imageArray'){
					    this.order.imageArray.splice(index,1)				   
					}
					if(e == "receipt_imgArray"){
						this.order.receipt_imgArray.splice(index,1)				   
					}
						
					if(e == "note_imgArray"){
						this.order.note_imgArray.splice(index,1)				   					
					}
				}
				//收款
				if(type == "incom"){				
					if(e == "receipt_imgArray"){
						this.incom.receipt_imgArray.splice(index,1)				   
					}
						
					if(e == "note_imgArray"){
						this.incom.note_imgArray.splice(index,1)				   					
					}
				}
				if(type=='hotelProtocol'){
					if(e == "image"){
						this.hotelProtocol.image.splice(index,1)													
					}
				}	
			},
			//结算时间
			StockDaterFn(e){
				this.order.settle_time = e.ymd
			},
			//选择所属公司
			chooseCompany(e){
				     this.companyIndex=e.target.value
					 this.order.company_id = this.companyList[this.companyIndex].id;
					 this.order.company_title = this.companyList[this.companyIndex].title;
					 this.getConfirmSequence({id:this.companyList[this.companyIndex].id})
				},
			//删除所属公司
			deleteCompany(){
				if(this.isEdit){
					return
				}
				this.companyIndex=''			
			},
			
			// 重新提交
			submitAgain(){
				let confirm_id = this.confirm_id;
				uni.navigateTo({
					url: '/pages/order/createOrder/createOrder?confirm_id=' + confirm_id
				})
			},
			
			//提交审核
			saveFn(){			    				
				let that=this;		
				console.log(that.order);
				sun.request({
					url: "/h5/order.order/docreateOrder",
					showLoading: true,
					token:true,
					data:{	
						member_id:this.member_id,	
						pid:this.pid?this.pid:0,//转单  
						id:that.options.id,
						order:JSON.stringify(that.order),
					},
					success(res) {
					  if(res.code==200){
						  uni.showToast({
						  	icon:'none',
							title:res.msg,
							duration:3000
						  })
						  uni.navigateTo({
						  	url:"/pages/order/index"
						  })
					  }else{
						  uni.showToast({
						  	icon:'none',
							title:res.msg,
							duration:3000
						  })
					  }
					}
				})
			},
			// 编辑提交
			editFn(api,id){
				let that=this;
				sun.request({
					url: api,
					showLoading: true,
					token:true,
					data:{
						order_confirm_id:that.options.id,
						id:id?id:'',
						order:that.order?JSON.stringify(that.order):'',																	
					},
					success(res) {
					  if(res.code==200){							
							uni.redirectTo({
							 	url:"/pages/order/index"	
							})
							uni.showToast({
								icon:"none",
								title:res.msg
							})										
					  }else{
							 uni.showToast({
								icon:"none",
								title:res.msg
							 })	
					  }
					}
				})
			},
			//底部评论按钮
			resubmits(item){				
				if(item.label=='同意'||item.label=='拒绝'||item.label=='评论'){
					this.commentFn(item)
				}else if(item.label == '转交'){
					uni.navigateTo({
						url: '../../../component/search/search?type=' + 'changeUser'
					})
				}else{
				   this.editFn(item.api,item.id)	
				}
								
			},
			// 编辑提交
			commentFn(e){
				let that=this;
				let url = '';
				if(e.label == '拒绝' && that.confirmList.length == 0){
					url = '/api/order.audit/reject';
				}else if(e.label == '同意' && that.confirmList.length == 0){
					url = '/api/order.audit/accept'
				} else {
					url = e.api;
				}
				sun.request({
					url: url,
					showLoading: true,
					token:true,
					data:{						
						id:that.confirm_id,						
						content:e.content?e.content:'',
						image:e.image?e.image:'',
					},
					success(res) {
					  if(res.code==200){													
							uni.showToast({
								icon:"none",
								title:res.msg
							})
				      that.getDetail(that.options)
							that.getConfirmList()
					  }else{
							 uni.showToast({
								icon:"none",
								title:res.msg
							 })	
					  }
					}
				})
			},
		}
	}
</script>

<style lang="less">
	@import '../common.less';
	.van-tag{
		margin-left: 5px;
	}
	
.active{
	color: #333333 !important;
}
.all{
	padding-bottom: 116upx;	
	width: 100%;
}
.customer{
	width: 100%;
	height: auto;
}
.customer .title{
	width: 100%;
	height: 64upx;
	background:#F6F6F6;
	padding: 0 32upx;
	box-sizing: border-box;
    line-height: 64upx;
	font-size: 24upx;
}
.customer .customer_info{
	width: 100%;
	height: auto;
	.box{
		width: 100%;
		height: 88upx;
		line-height: 88upx;
		padding: 0 32upx;
		box-sizing: border-box;
		border-bottom: 1upx solid #EEEEEE;
		font-size: 30upx;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		text{			
			width: 40%;
			overflow: hidden;
			white-space:nowrap;
			color: #333333;
		}
		input{
			width: 50%;
			height: 100%;
			line-height: 88upx;
			// float: right;
			text-align: right;
			color: #333333;
		}
		.t2{
			width: auto;
			height: 100%;
			line-height: 88upx;
			float: right;
			text-align: right;
			color: #333333;
		}
		.choose{
			width: auto;
			height: 100%;
			display: flex;
			justify-content: right;
			text-align: right;
			align-items: center;
            // float: right;
			// padding-right: 30upx;
			// margin-right: 30upx;
			input{
				width: 95%;
				height: 100%;
				line-height: 88upx;
				// float: right;
				text-align: right;				
				color: #333333;
			}
            text{
				width: auto;
				height: 40upx;
				line-height: 40upx;
				font-size: 30upx;
				color: #999999;
				margin-right: 20upx;
			}
			image{
				width: 40upx;
				height: 40upx;
			}
		}
	}
}
.customer .customer_info .remark{
	width: 100%;
	min-height: 154upx;
	padding: 36upx 32upx 0 32upx;
	box-sizing: border-box;
	margin-bottom: 24upx;
	text{
		width: 60upx;
		height: 112upx;
		font-size: 30upx;
		color: #333333;
		float: left;
	}
	textarea{
		width: 560upx !important;
		height: 112upx;
		display: block;
		font-size: 28upx;
		color: #999999;
		float: right;
	}
}
.line{
	width: 100%;
	height: 32upx;
	background: #F6F6F6;
}
.addProject{
	width: 100%;
	height: 102upx;
	display: flex;
	justify-content: center;
	align-items: center;
}
.addProject text:first-child{
	width: 29upx;
	height: 29upx;
	display: block;
	font-size: 46upx;
	color: #406CEB;
	line-height: 38upx;
}
.addProject text:last-child{
	width: 120upx;
	height: 29upx;
	margin-left: 24upx;
	display: block;
	color: #406CEB;
	font-size: 30upx;
}
.photo{
	width: 100%;
	height: auto;
    padding: 32upx 44upx;
	box-sizing: border-box;
	text{
		width: 100%;
		height: 29upx;
		display: block;
		font-size: 30upx;
		color: #333333;
		margin-bottom: 25upx;
	}
	.addPic{
		position: relative;
		overflow: hidden;
		width: 88upx;
		height: 88upx;
		border: 1px solid #CCCCCC;
		margin-left: 10upx;
		image{
			width: 88upx;
			height: 88upx;
			margin-right: 37upx;
		}
	}
}
.approval{
	width: 100%;
	height: auto;
	text{
		width: 100%;
		height: 28upx;
		display: block;
		font-size:30upx;
		color: #999999;
		margin-bottom: 50upx;
		padding: 32upx 44upx 0 44upx;
		box-sizing: border-box;
	}
	}
.approver{
	width: 100%;
	height: auto;
	.box{
		width: 100%;
		height: 158upx;
		border-bottom: 1upx solid #eeeeee;
		box-sizing: border-box;
		padding: 0 32upx;
		position: relative;
		.circle{
			width: 25upx;
			height: 25upx;
			background: #D3D3D3;
			border-radius: 50%;
			position: absolute;
			left: 30upx;
			top: 70upx;
		}
		.left{
		  width: 350upx;
		  min-height: 100upx;
		  white-space:normal ;
		  font-size: 32upx;
		  color: #333333;
		  margin-left: 57upx;
		  float: left;
		  
		  .view_text{
			  width: auto;
			  height: auto;
			  display: block;
			  font-size: 26upx;
			  color: #999999;
			  padding: 0;
			  word-break: break-all;
			  text-overflow: ellipsis;
			  display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
			  -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
			  -webkit-line-clamp: 2; /** 显示的行数 **/
			  overflow: hidden;  /** 隐藏超出的内容 **/				  			
		  }
		}
		.right{
			width: auto;
			height: 110upx;
            float: right;
			padding-top: 30upx;
			margin-right:10upx ;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;			
			.image{
				width: 71upx;
				height: 71upx;
				background:#D3D3D3;
				border-radius: 50%;
			}
			text{
				
				height: auto;
				display: block;
                font-size: 26upx;
				color: #999999;
				padding: 0;
				text-align: center;
			}
		}
	}
}
.frist_circle{
	width: 25upx;
	height: 25upx;
	background: #D3D3D3;
	border-radius: 50%;
	position: absolute;
	left: 30upx;
	top: 70upx;
}
.circle::after{
	content: '';
	width: 2upx;
	height: 135upx;
	display: block;
	background: #D3D3D3;
	position: absolute;
	left: 50%;
	bottom: 25upx;
}
.btn{
	width: 100%;
	height: 116upx;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	button{
		width: 686upx;
		height: 73upx;
		border-radius:36px;
		background: #406CEB;
		color: #FFFFFF;
		font-size: 28upx;
	}
}
// 明细
.alldetail{
	width: 100%;
	height: auto;
	.hotelService{
		width: 100%;
		height: auto;
		.title{
			width: 100%;
			height: 73upx;
			padding: 0 33upx;
			font-size:24upx;
			background:#F6F6F6;
			line-height: 73upx;
			.name{
				width: auto;
				display: block;
				float: left;
			}
			.delete{
				width: 100upx;
				display: block;
				float: right;
				color: #406CEB;
			}
		}
		.content{
			width: 100%;
			height: auto;
            .box{
				width: 100%;
				height: 88upx;
				line-height: 88upx;
				padding: 0 32upx;
				box-sizing: border-box;
				border-bottom: 1upx solid #EEEEEE;
				font-size: 30upx;
				color: #333333;
				text{
					width: auto;
					float: left;
					color: #333333;
				}
				input{
					width: 50%;
					height: 100%;
					line-height: 88upx;
					float: right;
					text-align: right;
					color: #333333;
				}
				.choose{
					width: auto;
					height: 100%;
					display: flex;
					align-items: center;
				    float: right;
					margin-right: 30upx;
				    text{
						width: auto;
						height: 40upx;
						line-height: 40upx;
						font-size: 30upx;
						color: #999999;
						margin-right:20upx ;
					}
					image{
						width: 40upx;
						height: 40upx;
					}
				}
			}
			.remark{
				width: 100%;
				min-height: 154upx;
				padding: 36upx 32upx 0 32upx;
				box-sizing: border-box;
				margin-bottom: 24upx;
				text{
					width: 60upx;
					height: 112upx;
					font-size: 30upx;
					color: #333333;
					float: left;
				}
				textarea{
					width: 560upx !important;
					height: 112upx;
					display: block;
					font-size: 28upx;
					color: #999999;
					float: right;
				}
				}
		}
		.addDetail{
			width: 100%;
			height: 88upx;
			color: #406CEB;
			font-size: 30upx;
			line-height: 88upx;
			text-align: center;
			border-top: 1upx solid #eeeeee;
		}
	}
}
// 删除弹框样式
.deleteModel{
	width: 100%;
	height:100%;
	position: fixed;
    left: 0;
	top:0;
	background: rgba(0,0,0,0.4);
	z-index: 10;
	.con{
		width: 615upx;
		height: 242upx;
		background: #FFFFFF;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		.title{
			width: 100%;
			height: 136upx;
			font-size: 30upx;
			color: #191919;
			line-height: 136upx;
			text-align: center;
			color: #191919;
			border-bottom: 1upx solid #eeeeee;
			box-sizing: border-box;
		}
	}
	}
	.deleteBtn{
		width: 100%;
		height: 105upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.deleteBtn .btns{
		width:194upx;
		height:54upx;
		
		border-radius:27upx;
		font-size: 28upx;
		float: left;
		line-height: 54upx;
	}
	.deleteBtn .btn1{
		border:1upx solid #406CEB;
		background: #FFFFFF;
		color: #406CEB;
	}
	.deleteBtn .btn2{
		background: #406CEB;
		color: #FFFFFF;		
	}
	.addIcome{
		width: 100%;		
		position: fixed;
		left: 50%;
		margin-left: -50%;
		bottom: 20upx;
		button{
			width: 500upx;
			background: #406CEB;
			color: #FFFFFF;
			font-size: 28upx;
			border-radius: 40upx;
		}
	}
	.hs-list-item .hs-list-item-right{
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
</style>
